html, body {
  background: #fff; }

.main h1 {
  font-size: .3rem;
  margin-top: .3rem; }

.main .block {
  margin-top: .2rem; }
  .main .block h2 {
    font-size: .2rem;
    margin-bottom: .1rem; }
  .main .block li {
    line-height: .25rem;
    font-size: .16rem;
    list-style: disc;
    margin-left: .2rem;
    color: #2479CC; }
    .main .block li span {
      margin-left: .3rem;
      color: #ccc;
      font-size: .14rem; }

.main .search {
  overflow: hidden;
  margin: .2rem 0; }
  .main .search input {
    height: .5rem;
    width: 5rem;
    float: left;
    padding-left: .15rem;
    font-size: .22rem; }
  .main .search button {
    border: solid 1px #2479CC;
    background: #2479CC;
    color: #fff;
    height: .5rem;
    padding: 0 .3rem;
    font-size: .22rem;
    float: left;
    cursor: pointer; }

@media (max-width: 768px) {
  .main h1 {
    font-size: .5rem; }
  .main .block {
    margin-top: .3rem; }
    .main .block h2 {
      font-size: .35rem;
      margin-bottom: .3rem; }
    .main .block li {
      margin-left: .35rem;
      font-size: .3rem;
      line-height: .45rem;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .main .block li span {
        display: none; } }
